$("#rootCanalScore").on('click', '.tipsUl>li', function () {
    $(this).addClass('tipsLi').siblings().removeClass('tipsLi');
    if ($(this).index() == 0) {
        $(this).parent().siblings().children('#permanent').show().siblings().hide()
    } else if ($(this).index() == 1) {
        $(this).parent().siblings().children('#deciduous').show().siblings().hide()
    }
});
$("#rootCanalScore").on('click', '.toothTopLeft>span', function () {
    var arr = [];
    var text = $(this).text();
    if ($(this).children().hasClass('spanStyle')) {
        var inputValue = $("#projectListInfo .leftUp").text().replace(text, "");
        for (var i = 0; i < inputValue.length; i++) {
            arr.push(inputValue.substring(i, i + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] > arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .leftUp").text(str);
        $(this).children().removeClass('spanStyle');
    } else {
        $(this).children().addClass('spanStyle');
        var add = $("#projectListInfo .leftUp").text() + text;
        for (var d = 0; d < add.length; d++) {
            arr.push(add.substring(d, d + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] > arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .leftUp").text(str);
    }
});
$("#rootCanalScore").on('click', '.toothTopRight>span', function () {
    var arr = [];
    var text = $(this).text();
    if ($(this).children().hasClass('spanStyle')) {
        var inputValue = $("#projectListInfo .rightUp").text().replace(text, "");
        for (var i = 0; i < inputValue.length; i++) {
            arr.push(inputValue.substring(i, i + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] < arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .rightUp").text(str);
        $(this).children().removeClass('spanStyle');
    } else {
        $(this).children().addClass('spanStyle');
        var add = $("#projectListInfo .rightUp").text() + text;
        for (var d = 0; d < add.length; d++) {
            arr.push(add.substring(d, d + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] < arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .rightUp").text(str);
    }
});
$("#rootCanalScore").on('click', '.toothBottomLeft>span', function () {
    var arr = [];
    var text = $(this).text();
    if ($(this).children().hasClass('spanStyle')) {
        var inputValue = $("#projectListInfo .leftDown").text().replace(text, "");
        console.log(inputValue);
        for (var i = 0; i < inputValue.length; i++) {
            arr.push(inputValue.substring(i, i + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] > arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .leftDown").text(str);
        $(this).children().removeClass('spanStyle');
    } else {
        $(this).children().addClass('spanStyle');
        var add = $("#projectListInfo .leftDown").text() + text;
        for (var d = 0; d < add.length; d++) {
            arr.push(add.substring(d, d + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] > arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .leftDown").text(str);
    }
});
$("#rootCanalScore").on('click', '.toothBottomRight>span', function () {
    var arr = [];
    var text = $(this).text();
    if ($(this).children().hasClass('spanStyle')) {
        var inputValue = $("#projectListInfo .rightDown").text().replace(text, "");
        for (var i = 0; i < inputValue.length; i++) {
            arr.push(inputValue.substring(i, i + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] < arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .rightDown").text(str);
        $(this).children().removeClass('spanStyle');
    } else {
        $(this).children().addClass('spanStyle');
        var add = $("#projectListInfo .rightDown").text() + text;
        for (var d = 0; d < add.length; d++) {
            arr.push(add.substring(d, d + 1));
        }
        for (var i = arr.length - 1; i >= 0; i--) {
            for (var j = 0; j < i; j++) {
                if (arr[j + 1] < arr[j]) {
                    var change = arr[j + 1];
                    arr[j + 1] = arr[j];
                    arr[j] = change
                }
            }
        }
        var str = "";
        for (var i = 0; i < arr.length; i++) {
            str += arr[i]
        }
        $("#projectListInfo .rightDown").text(str);
    }
});